.box {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    justify-items: flex-start;
    align-items: center;
    column-gap: 20px;
    border-bottom: 1px solid #eee;
    position: relative;
  }
  .item {
    color: #000000e0;
    padding: 10px 5px;
    z-index: 1;
    cursor: pointer;
    pointer-events: all;
    &:hover {
      color: #4096ff;
    }
    &.actived {
      color: #1677ff;
    }
  }
  
  .bar {
    position: absolute;
    width: 100px;
    height: 2px;
    bottom: -1px;
    z-index: 2;
    background-color: #1677ff;
    border-radius: 2px;
    transition-property: left, width;
    transition-duration:  300ms;
  }
  